<template>
    <div>
        <h1 class="title">幸福</h1>
        <p class="subtitle">
            <span>发表时间：2018-08-08 08:08:08</span>
            <span>点击0次</span>
        </p>
        <div class="content">
            <p>
                目前市面上主流的游戏方式，除了常见的手机以及PC电脑之外，就应该是类似索尼PS4、微软Xbox以及任天堂Switch这类的游戏机了。这类设备拥有大量的游戏内容，而且游戏剧情及特效画质都非常高，一直不断地吸引玩家去体验。  
            </p>
            <img src="../../../static/images/art1.jpg" alt="">
        </div>
        <!-- 子组件评论区 -->
        <comment></comment>
    </div>
</template>

<script>
import comment from '../subcomponents/comment'
export default {
    data() {
        return {
            id: this.$route.params.id
        }
    },
    components: {
        'comment': comment
    }
}
</script>

<style scoped>
    /* 新闻头 */
    .title {
        padding: 10px;  
        font-size: 17px;
        line-height: 24px;
        color: rgb(51, 51, 51);
        text-align: center;
    }
    /* 新闻子标题 */
    .subtitle {
        padding: 0 10px;
        font-size: 12px;
        display: flex;
        justify-content: space-between;
        color: rgb(153, 153, 153);
    }
    /* 新闻内容 */
    .content {
        padding: 10px;
    }
    .content p {
        color: rgb(51, 51, 51);
        font-size: 14px;
        line-height: 24px;
        word-break: break-all;
    }
    .content img {
        width: 100%;
    }
</style>
